<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>续费管理首页-frame</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.2.0.css" />
    <style>
        [v-cloak] {
            display: none;
        }

        html{
          background-color: #f5f5f5;
        }

        .text-header {
            width: 95%;
            font-size: 30px;
            font-weight: bold;
            margin: 0 auto;
            padding: 1.6rem 1.2rem;
        }

        .text-body {
            width: 90%;
            margin: 0 auto;
            padding: 1.2rem 1rem;
            box-sizing: border-box;
            display: -webkit-flex;
            display: flex;
            justify-content: space-between;
            align-items: center;
            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
        }

        .text-body>div:last-child{
          line-height: 2rem;
          text-align: center;
          border-radius: 0.8rem;
          color: #fff;
          padding: 0 0.6rem;
          background-color: pink;
          box-shadow: 0 0 8px rgba(247, 146, 146, 0.6);
          /* color: skyblue; */
        }
           /* 新列表 */
      .module-manage-new{
        margin: 4rem auto 8rem;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-self: center;
        width: 90%;
      }
      .module-manage-new li{
        width: 50%;
        display: flex;
        align-items: center;
        flex-direction: column;
        font-size: 0.7rem;
        color: #666;
      }
      .module-manage-new li img{
        width: 2.8rem;
        height: 2.8rem;
        margin: 10px auto;
      }
    </style>
</head>

<body>
    <main id="app">
        <div class="text-header">
            续费管理
        </div>
        <div class="text-body">
            <div>
                <p style="color: #000">HIS & PC</p>
                <p>高压氧科学费用同步</p>
                <p>合理规划提高工作效率</p>
            </div>
            <div>
                详细信息
            </div>
        </div>
                <!-- 新的列表展示 -->
      <ul class="module-manage-new">
          <li tapmode onclick="enterSyncRenewal()">
            <img src="../image/xufei.png" alt="">
            今日His续费患者信息
          </li>
          <li tapmode onclick="enterRenewalCompare()">
            <img src="../image/xufeixinxi.png" alt="">
            今日续费同步患者信息
          </li>
        </ul>
    </main>
</body>

</html>

<script src="../script/api.js" charset="utf-8"></script>
<script src="../script/vue.js" charset="utf-8"></script>
<script type="text/javascript">
    var vm = null;
    apiready = function() {
        vm = new Vue({
            el: '#app',
            data: {

            },
            methods: {

            }
        })
    }

    // 进入设备巡视/系统运行记录页面
    function enterSyncRenewal() {
      api.openWin({
          name: 'syncRenewal-header',
          url: './syncRenewal-header.html',
          pageParam: {
              name: 'syncRenewal-header'
          }
      });
    }

    // 进入设备巡视/系统运行记录页面
    function enterRenewalCompare() {
      api.openWin({
          name: 'renewal-compare-header',
          url: './renewal-compare-header.html',
          pageParam: {
              name: 'renewal-compare-header'
          }
      });
    }
</script>
